<template>
    <div class="ordering">
       <div class="heading">插入获奖成果申报情况3</div>
       <div>
           <el-table :data="res" style="width: 100%">
               <el-table-column prop="awardName" label="获奖名称" width="180" />
               <el-table-column prop="level" label="级别" width="180" />
               <el-table-column prop="awardedDepartment" label="授予部门" width="180" />
               <el-table-column prop="awardLevel" label="获奖等级" width="180" />
               <el-table-column prop="awardCategory" label="获奖类别" width="180" />
               <el-table-column prop="winnerList" label="获奖人名单" width="180" />
               <el-table-column prop="grantTime" label="授予日期" width="180" />
               <el-table-column prop="applicationMaterials" label="申报材料" width="180" />
               <el-table-column prop="certificateLink" label="证书链接" width="180" />
               <el-table-column prop="filingTime" label="填报日期" width="180" />
           </el-table>
           <el-pagination background layout="prev, pager, next" :total="1000" 
           :hide-on-single-page="true"
           :current-page="2" @current-change="currentchange"/>
       </div>
    </div>
</template>
<script>
import { Position } from 'vue';
import {reactive} from 'vue'
export default{
   setup(){
       const res = reactive([
           {
            awardName: "南征北战",
            level: "高级",
            awardedDepartment: "梁山泊",
            awardLevel: "一等奖",
            awardCategory: "勇气",
            winnerList: "2022082312,2022082313,2022082314",
            grantTime: "2024-06-26T14:51:12",
            applicationMaterials: "申报材料内容",
            certificateLink: "证书链接",
            filingTime: "2024-06-23T10:28:11"
           }
       ])
       return {res}
   }
}
</script>
<style scoped="scoped">

</style>